Grundsächliches zu JavaScript

JavaScript einbinden

Beim Scriptaufruf kann ein externes JS-Programm eingebunden werden
Vorzugsweise im <head>
Beispiel (siehe SourceCode)

<script src=JS-BASIS.js>
// Einzeilen Kommentar

/*
Kommentar Bereich
*/

// Globale Variablen (der Typ wird durch die Initialisation bestimmt)
const Const1;
var Var1 = 1; // Number
let Var2 = "1"; // String
// Bis hier werden die Anweisungen bei Seitenaufruf durchlaufen.
// eine Funktion dagegen muss explizit aufgerufen werden.
function FunktionNamen(Parameter)
{
console.log("Der mitgegebene Parameter war: %s.",Parameter);
}
</script>

Später im <body> kann dann die Funktion aufgerufen werden (schaue in die Konsole F12)

<script>FunktionNamen("Die Funktion wurde automatisch aufgerufen.");</script>

Oder wie mit diesen Link der mit href=javascript:funktion() aufgerufen wird

Variablen Datentypen:


Operatoren:


Ablaufsteuerung Iterationen:

for(i=0;i<=5;i++) a[i] = i * i;
Ausgabe der Schleifen for(i in a) Alle a[i];

Ausgabe der Schleifen for(i of a) Alle a[i];

Ausgabe der Schleifen while(a[++i] < 20) solange a[i] < 20;

Ausgabe der Schleifen do { bis a[i] < 20;}while(a[++i] < 20);

Weitere Schleifensteuerungen
break :
Bricht die Schleife ab (sie wird verlassen)
continue : Überspringt die folgenden Anweisungen in der Schleife (geht an den Schleifenbeginn)

Ablaufsteuerung Entscheidungen:

if-then-(else)
if(Bedingungen)
{ Anweisungen wenn Bedingungen WAHR sind;
} else
{ Anweisungen wenn Bedingungen FASCH sind;
}
Eine Kurzfassung davon:
(Bedingungen) ? 'WAHR!' : 'FALSCH!';
Beipiel: Schreibe = (8 >= 7) ? "Acht ist grösser" : "Acht ist kleiner";

switch-case-(default)

switch (Vergleicher) {
case "0":
case "1":
case "2":
case "3":
Vergleicher ist kleiner vier;
break;
case "4":
Vergleicher ist vier;
break;
case 5:
text = Vergleicher ist grösser vier ;
break;
default:
Vergleicher liegt ausserhalb 1 - 5;
break;
}

Beispiel mit Vergleichsoperatoren (achte auf das 'true')

switch (true) {
case (Vergleicher > 8):
Vergleicher ist kleiner;
break;
case (Vergleicher = "8"):
Vergleicher ist acht;
break;
case (Vergleicher > 8):
text = Vergleicher ist grösser ;
break;
default:
Vergleicher ist keine Zahl;
break;
}

try-catch-(finally)
try { Etwas versuchen
} catch (Fehler) {
Ausführen wenn der Versuch schiefgelaufen ist
} finally {
Ob der Versuch schiefgelaufen ist oder nicht, diese Anweisungen ausführen
}